<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>

		<base href="<%=basePath%>">

		<title>My JSP 'find_event_level.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css"
			rel="stylesheet" />
		<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript"
			src="/ag/css/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.button.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.effects.core.js"></script>
		<link type="text/css" href="/ag/zrt/css/common.css" rel="stylesheet" />
		<script type="text/javascript" src="/ag/zrt/js/event_level.js"></script>

		<link rel="stylesheet" type="text/css"
			href="/ag/zrt/css/jquery.colourPicker.css" />
		<script language="javascript" src="/ag/zrt/js/jquery.colourPicker.js"></script>

	</head>

	<body>
		<table width="100%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr >
				<td height="30">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
      				<tr>
        				<td width="15" height="30"><img src="tab/images/tab_03.gif" width="15" height="30" /></td>
        				<td width="1310" background="tab/images/tab_05.gif">
        					<img src="tab/images/311.gif" width="16" height="16" /> 
        					<span class="STYLE4">事件等级</span>
       	    			</td>
        				<td width="271" background="tab/images/tab_05.gif"><button class="add"
									style="width: 50px; height: 25px; border: 0px"></button></td>
						<td width="170" background="tab/images/tab_05.gif"><button class="return"
									style="width: 50px; height: 25px; border: 0px"></button></td>
        				<td width="14"><img src="tab/images/tab_07.gif" width="14" height="30" /></td>
      				</tr>
    			</table>
					
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0" >
						<tr>
							<td width="9" background="tab/images/tab_12.gif">
								&nbsp;
							</td>
							<td bgcolor="#dceffd">
								<table width="99%" border="0" align="center" cellpadding="0" 
									cellspacing="1" bgcolor="#84b1d3">
									<tr>
										<td width="8%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1" style="display: none">
											<div align="center" class="STYLE1">
												等级编码
											</div>
										</td>
										<td width="24%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												事件等级
											</div>
										</td>
										<td width="3%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												颜色
											</div>
										</td>
										<td width="7%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												编辑
											</div>
										</td>
										<td width="7%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												删除
											</div>
										</td>
									</tr>

									<c:forEach var='uuu' items='${eventLevelList}'
										varStatus='status'>
										<tr class="list">
											<td bgcolor="#FFFFFF" align="center" style="display: none">
												${uuu.elId}
											</td>
											<td bgcolor="#FFFFFF" align="center">
												${uuu.elEventLevel}
											</td>
											<td style="background:#${uuu.elColor}" align="center">										
											</td>
											<td bgcolor="#FFFFFF" align="center">
												<img src="tab/images/037.gif" width="9" height="9" />
												<button class="modify"
													style="width: 50px; height: 25px; border: 0px"></button>
											</td>
											<td bgcolor="#FFFFFF" align="center">
												<button name=${uuu.elId } class="delete"
													style="width: 50px; height: 25px; border: 0px"></button>
											</td>
										</tr>
									</c:forEach>

								</table>
							</td>
							<td width="9" background="tab/images/tab_16.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="29">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="15" height="29">
								<img src="tab/images/tab_20.gif" width="15" height="29" />
							</td>
							<td background="tab/images/tab_21.gif" width="100%">

							</td>
							<td width="14">
								<img src="tab/images/tab_22.gif" width="14" height="29" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>

		<div class="demo">
			<div id="dialog_add" title="增加">
				<p class="validateTips" style="font-size:12px">
					带"*"为必填项
				</p>

				<form>
					<fieldset>
						<label for="el" style="font-size:12px">
							事件等级*
						</label>
						<input type="text" name="el_add" id="el_add"
							class="text ui-widget-content ui-corner-all" />
						<label for="el_color_add" style="font-size:12px">
							请选择一种颜色
							<br />
							<select name="colour_add" id="color_add" class="colorselect">
								<option value="ffffff">
									#ffffff
								</option>
								<option value="ffccc9">
									#ffccc9
								</option>
								<option value="ffce93">
									#ffce93
								</option>
								<option value="fffc9e">
									#fffc9e
								</option>
								<option value="ffffc7">
									#ffffc7
								</option>
								<option value="9aff99">
									#9aff99
								</option>
								<option value="96fffb">
									#96fffb
								</option>
								<option value="cdffff">
									#cdffff
								</option>
								<option value="cbcefb">
									#cbcefb
								</option>
								<option value="cfcfcf">
									#cfcfcf
								</option>
								<option value="fd6864">
									#fd6864
								</option>
								<option value="fe996b">
									#fe996b
								</option>
								<option value="fffe65">
									#fffe65
								</option>
								<option value="fcff2f">
									#fcff2f
								</option>
								<option value="67fd9a">
									#67fd9a
								</option>
								<option value="38fff8">
									#38fff8
								</option>
								<option value="68fdff">
									#68fdff
								</option>
								<option value="9698ed">
									#9698ed
								</option>
								<option value="c0c0c0">
									#c0c0c0
								</option>
								<option value="fe0000">
									#fe0000
								</option>
								<option value="f8a102">
									#f8a102
								</option>
								<option value="ffcc67">
									#ffcc67
								</option>
								<option value="f8ff00">
									#f8ff00
								</option>
								<option value="34ff34">
									#34ff34
								</option>
								<option value="68cbd0">
									#68cbd0
								</option>
								<option value="34cdf9">
									#34cdf9
								</option>
								<option value="6665cd">
									#6665cd
								</option>
								<option value="9b9b9b">
									#9b9b9b
								</option>
								<option value="cb0000">
									#cb0000
								</option>
								<option value="f56b00">
									#f56b00
								</option>
								<option value="ffcb2f">
									#ffcb2f
								</option>
								<option value="ffc702">
									#ffc702
								</option>
								<option value="32cb00">
									#32cb00
								</option>
								<option value="00d2cb">
									#00d2cb
								</option>
								<option value="3166ff">
									#3166ff
								</option>
								<option value="6434fc">
									#6434fc
								</option>
								<option value="656565">
									#656565
								</option>
								<option value="9a0000">
									#9a0000
								</option>
								<option value="ce6301">
									#ce6301
								</option>
								<option value="cd9934">
									#cd9934
								</option>
								<option value="999903">
									#999903
								</option>
								<option value="009901">
									#009901
								</option>
								<option value="329a9d">
									#329a9d
								</option>
								<option value="3531ff">
									#3531ff
								</option>
								<option value="6200c9">
									#6200c9
								</option>
								<option value="343434">
									#343434
								</option>
								<option value="680100">
									#680100
								</option>
								<option value="963400">
									#963400
								</option>
								<option value="986536">
									#986536
								</option>
								<option value="646809">
									#646809
								</option>
								<option value="036400">
									#036400
								</option>
								<option value="34696d">
									#34696d
								</option>
								<option value="00009b">
									#00009b
								</option>
								<option value="303498">
									#303498
								</option>
								<option value="000000">
									#000000
								</option>
								<option value="330001">
									#330001
								</option>
								<option value="643403">
									#643403
								</option>
								<option value="663234">
									#663234
								</option>
								<option value="343300">
									#343300
								</option>
								<option value="013300">
									#013300
								</option>
								<option value="003532">
									#003532
								</option>
								<option value="010066">
									#010066
								</option>
								<option value="340096">
									#340096
								</option>
							</select>
						</label>

					</fieldset>
				</form>
			</div>

			<!-- 确认修改 <input type="button" value="修改" class="_modify"/> -->
			<div id="modify_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定修改？
				</p>
			</div>

			<!-- 操作成功 -->
			<div id="operation_succ">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span><span id="succ_msg"></span>
				</p>
			</div>
			
			<!-- 操作失败 -->
			<div id="operation_fail">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span><span id="fail_msg"></span>
				</p>
			</div>
			
			<!-- 操作失败之详细信息 -->
			<div id="operation_fail_detail">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span><span id="fail_detail" ></span>
				</p>
			</div>

			<!-- 确认增加-->
			<div id="add_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定增加此记录？
				</p>
			</div>

			<!-- 确认 删除-->
			<div id="delete_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定删除此记录？
				</p>
			</div>

			<div id="dialog_modify" title="编辑">
				<p class="validateTips">
					带"*"为必填项
				</p>

				<form>
					<fieldset>
						<label for="elId" style="display: none">
							Id
						</label>
						<input type="text" name="elId_modify" id="elId_modify"
							style="display: none"
							class="text ui-widget-content ui-corner-all" />
						<label for="el" style="font-size:12px">
							事件等级*
						</label>
						<input type="text" name="el_modify" id="el_modify"
							style="height: 30px" class="text ui-widget-content ui-corner-all" />
						<label for="el_color_add" style="font-size:12px">
							请选择一种颜色
							<br />
							<select name="colour_modify" id="color_modify" class="colorselect">
								<option value="ffffff">
									#ffffff
								</option>
								<option value="ffccc9">
									#ffccc9
								</option>
								<option value="ffce93">
									#ffce93
								</option>
								<option value="fffc9e">
									#fffc9e
								</option>
								<option value="ffffc7">
									#ffffc7
								</option>
								<option value="9aff99">
									#9aff99
								</option>
								<option value="96fffb">
									#96fffb
								</option>
								<option value="cdffff">
									#cdffff
								</option>
								<option value="cbcefb">
									#cbcefb
								</option>
								<option value="cfcfcf">
									#cfcfcf
								</option>
								<option value="fd6864">
									#fd6864
								</option>
								<option value="fe996b">
									#fe996b
								</option>
								<option value="fffe65">
									#fffe65
								</option>
								<option value="fcff2f">
									#fcff2f
								</option>
								<option value="67fd9a">
									#67fd9a
								</option>
								<option value="38fff8">
									#38fff8
								</option>
								<option value="68fdff">
									#68fdff
								</option>
								<option value="9698ed">
									#9698ed
								</option>
								<option value="c0c0c0">
									#c0c0c0
								</option>
								<option value="fe0000">
									#fe0000
								</option>
								<option value="f8a102">
									#f8a102
								</option>
								<option value="ffcc67">
									#ffcc67
								</option>
								<option value="f8ff00">
									#f8ff00
								</option>
								<option value="34ff34">
									#34ff34
								</option>
								<option value="68cbd0">
									#68cbd0
								</option>
								<option value="34cdf9">
									#34cdf9
								</option>
								<option value="6665cd">
									#6665cd
								</option>
								<option value="9b9b9b">
									#9b9b9b
								</option>
								<option value="cb0000">
									#cb0000
								</option>
								<option value="f56b00">
									#f56b00
								</option>
								<option value="ffcb2f">
									#ffcb2f
								</option>
								<option value="ffc702">
									#ffc702
								</option>
								<option value="32cb00">
									#32cb00
								</option>
								<option value="00d2cb">
									#00d2cb
								</option>
								<option value="3166ff">
									#3166ff
								</option>
								<option value="6434fc">
									#6434fc
								</option>
								<option value="656565">
									#656565
								</option>
								<option value="9a0000">
									#9a0000
								</option>
								<option value="ce6301">
									#ce6301
								</option>
								<option value="cd9934">
									#cd9934
								</option>
								<option value="999903">
									#999903
								</option>
								<option value="009901">
									#009901
								</option>
								<option value="329a9d">
									#329a9d
								</option>
								<option value="3531ff">
									#3531ff
								</option>
								<option value="6200c9">
									#6200c9
								</option>
								<option value="343434">
									#343434
								</option>
								<option value="680100">
									#680100
								</option>
								<option value="963400">
									#963400
								</option>
								<option value="986536">
									#986536
								</option>
								<option value="646809">
									#646809
								</option>
								<option value="036400">
									#036400
								</option>
								<option value="34696d">
									#34696d
								</option>
								<option value="00009b">
									#00009b
								</option>
								<option value="303498">
									#303498
								</option>
								<option value="000000">
									#000000
								</option>
								<option value="330001">
									#330001
								</option>
								<option value="643403">
									#643403
								</option>
								<option value="663234">
									#663234
								</option>
								<option value="343300">
									#343300
								</option>
								<option value="013300">
									#013300
								</option>
								<option value="003532">
									#003532
								</option>
								<option value="010066">
									#010066
								</option>
								<option value="340096">
									#340096
								</option>
							</select>
						</label>

					</fieldset>
				</form>
			</div>
		</div>
	</body>
</html>
